<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title><g:message code="mh.index.title.label" /></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <r:require modules="bootstrap, materialHeapMain" />
    <g:layoutHead/>
    <r:layoutResources />
    <style type="text/css">
    .navbar .create {
        margin-top: 0;
    }
    </style>

</head>
<body>
<div class="mh-main container">
    <div class="navbar navbar-static-top">
        <div class="navbar-inner">
            <form class="navbar-search pull-right">
                <a href="#" class="message-icon" style="color:red;"><script></script><i class="icon-envelope"></i><message></message></a>
                <i class="icon-search" style="position: absolute; left: 150px; top: 7px;" onclick="window.location.href='<g:createLink controller="ghostPage" action="search" />?source=top&keyword=' + encodeURIComponent(document.getElementById('topSearchInput').value);"></i>
                <input type="text" class="search-query" id="topSearchInput" placeholder="Search" onkeypress="if(event.keyCode == 13){window.location.href='<g:createLink controller="ghostPage" action="search" />?source=top&keyword=' + encodeURIComponent(document.getElementById('topSearchInput').value);return false;}">
                <a class="create btn-primary" href="<g:createLink controller="ghost" action="create" />"><g:message code="mh.index.user.register" /></a>
                <a href="<g:createLink controller="user" action="show" id="0" />" class="profile"><g:message code="mh.index.user.login" /></a>
            </form>

            <ul class="nav">
                <li><a class="brand" href="#"><g:message code="mh.index.title.label" /></a></li>
                <li><a href="/dashboard"><g:message code="mh.index.section.home" /></a></li>
                <li class="browse"><a href="<g:createLink controller="ghost" action="index" />"><g:message code="mh.index.section.localMerchant" /></a></li>
                <li><a href="#"><g:message code="mh.index.section.favorable" /></a></li>
                <li><a href="#"><g:message code="mh.index.section.forum" /></a></li>
            </ul>

        </div>
    </div>
    <g:layoutBody/>
</div>

<r:layoutResources />

<script type="text/javascript">
    $(document).ready(function() {
        var ghostMainView = new GhostMainView({
            el: ".ghost-main"
        });
    });
</script>

</body>
</html>